<template>
	<view class="notice" :style="{
			marginTop: styles.marginTop + 'px',
			marginBottom: styles.marginBottom + 'px',
			marginLeft: styles.marginLR + 'px',
			marginRight: styles.marginLR + 'px',
		}">
		<view :style="{background:styles.colorBg,borderRadius:styles.circle}">
			<image :src="styles.hand[0].img" mode=""></image>
			<u-notice-bar style="width: 100%" :volume-icon="false" mode="vertical" :more-icon="true" :list="[styles.hand[0].title]"></u-notice-bar>
		</view>
	</view>
</template>
<script>
export default {
	name: 'notice',
	data() {
		return {
			
		};
	},

	props: ['styles'],
	mounted() { 
		console.log(this.styles, 77);
	},
	
};
</script>
<style lang="scss" scoped>
	.notice{
		&>view:nth-child(1){
			display: flex;
			align-items: center;
			padding: 0 20upx;
			width: 100%;
			image{
				width: 50upx;
				height: 50upx;
				display: flex;
			}
		}
	}
	
</style>
